import Vue from 'vue'
import VueRouter from 'vue-router'
import discovery from '../components/03.discovery.vue'
import playlist from '../components/04.playlist.vue'
import songs from '../components/05.songs.vue'
import mvs from '../components/06.mvs.vue'
import result from '../components/07.result.vue'
import details from '../components/08.details.vue'
import mvDetail from '../components/09.mvDetail.vue'
Vue.use(VueRouter)

const routes = [
  {
    path: '/discovery',
    redirect: '/',
    name: 'discovery',
    component: discovery
  },
  {
    path: '/playlist',
    name: 'playlist',
    component: playlist
  },
  {
    path: '/songs',
    name: 'songs',
    component: songs
  },
  {
    path: '/mvs',
    name: 'mvs',
    component: mvs
  },
  {
    path: '/result',
    name: 'result',
    component: result
  },
  {
    path: '/details',
    name: 'details',
    component: details
  },
  {
    path: '/mvDetail',
    name: 'mvDetail',
    component: mvDetail
  }
]

const router = new VueRouter({
  routes
})

export default router
